.tips {
	position: absolute;
z-index: 100;
left: 50%;
width: 340px;
height: 340px;
top: 50%;
margin: -170px auto auto -170px;
background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.5)), color-stop(10%, rgba(0,0,0,0.9)), color-stop(100%, rgba(0,0,0,0.5)));
border: 2px #CCC solid;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px black;
color:#FFF;
font-size:12px;
}
.tipsBox {position:relative;width: 300px;
height: 300px; margin:20px;}

.tipsTitle {text-align:center; border-bottom:1px rgba(255,255,255,0.3) solid; font-weight:bold; font-size:16px; padding-bottom:5px; color:#FFF;}

.btnClose { position:absolute; right:-10px; top:-10px; width:30px; height:30px; text-indent:-999999px; overflow:hidden; background:url(../images/icon_close.png) no-repeat center center; cursor:pointer;}


.tips ul { list-style:none; margin-top:50px;}
.tips ul li { font-size:20px; height:80px;}
.tips ul li .tipsL { float:left;}
.tips ul li .tipsR { float:right; width:150px; text-align:left;}
.switch_off { width:97px; height:30px; background:url(../images/switch_off.png) no-repeat center center; cursor:pointer;}
.switch_on { width:97px; height:30px; background:url(../images/switch_on.png) no-repeat center center; cursor:pointer;}

.control {}
.control .controlBg {width:120px; height:7px; border:1px #B2B2B2 solid; -webkit-border-radius:4px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#aaa), to(#FFF)); margin-top:10px; position:relative; }
.control .controlBg .controlBar { width:23px; height:23px; background:url(../images/control_bar.png) no-repeat; position:absolute; left:50%; top:-8px; cursor:pointer; margin-left:-10px;}
.control .controlBg .controlValue { width:50%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#4570AA), to(#63A1F3)); height:7px;-webkit-border-radius:4px; }
.info {}

.light_on {position:absolute; z-index:99; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none;}
